﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/MenuSystemSite.master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<div>
 
        <link rel="stylesheet" href="../../Css/CssReferenceFileFromNewsCenter.css" />

        <script type="text/javascript">

            $(function () {
                $("#accordion").accordion();
            });
</script> 
</div>
<script type="text/javascript">
    function changeContent(tablecell) {
        //alert(tablecell.firstChild.nodeValue);
        var newInfo = "<INPUT type=text name=newname onBlur=\"javascript:submitNewName(this);\" value=\"" + tablecell.innerHTML + "\">";
        tablecell.innerHTML = newInfo;
        tablecell.firstChild.focus();
    }
    function submitNewName(textfield) {
        //alert(textfield.value);
        textfield.parentNode.innerHTML = textfield.value;
    }
</script>
<script type="text/javascript">

<!--    Begin
    function addRow(id) {

        // $("#testing").after("<li ondblclick='javascript:changeContent(this);' class='ui-state-default'>Add New Menu Option</li>");
        // $("<li ondblclick='javascript:changeContent(this);' class='ui-state-default'>Add New Menu Option</li>").appendTo('#sortable');


        var tbody = document.getElementById
        (id).getElementsByTagName("TBODY")[0];
        var row = document.createElement("TR")

        var td5 = document.createElement("TD")
        var order = document.createElement("input");
        order.setAttribute("type", "text");
        order.setAttribute("size", "3");
        td5.appendChild(order);

        var td1 = document.createElement("TD")
        td1.setAttribute('ondblclick', 'javascript:changeContent(this)');
        td1.appendChild(document.createTextNode("Enter New Menu Item"))

        var td2 = document.createElement("TD")
        td2.appendChild(document.createTextNode("Add Description"))
        td2.setAttribute('ondblclick', 'javascript:changeContent(this)');

        var td3 = document.createElement("TD")
        var selection = document.createElement("select");
        var small = document.createTextNode("Small");
        var medium = document.createTextNode("Meidum");
        var large = document.createTextNode("Large");
        var o = document.createElement('option');
        var o2 = document.createElement('option');
        var o3 = document.createElement('option');
        o.value = "small";
        o.appendChild(small);
        o2.appendChild(medium);
        o3.appendChild(large);
        selection.appendChild(o);
        selection.appendChild(o2);
        selection.appendChild(o3);
        td3.appendChild(selection);




        var td6 = document.createElement("TD")
        var check = document.createElement("input");
        check.setAttribute("type", "checkbox");
        td6.appendChild(check);
        var td4 = document.createElement("TD")
        var price = document.createElement("input");
        price.setAttribute("type", "text");
        price.setAttribute("size", "3");
        td4.appendChild(price);


        row.appendChild(td5);
        row.appendChild(td1);
        row.appendChild(td2);
        row.appendChild(td3);
        row.appendChild(td4);
        row.appendChild(td6);
        tbody.appendChild(row);
    }
    //  End -->


</script>
<div class="menu" id="accordion">
        <h3><a href="#">Cafe Information</a></h3>
        <div id="cafe info">
           
           
           Description: 
          
            <textarea rows="5" cols="200"></textarea>
          
         
         
           Hours: <input type="text" /> to <input type="text" />
           Active: <input type="checkbox" />
    </div>
    
            <h3>
                <a href="#">Breakfast</a></h3>
            <div>
            </div>
            <h3>
                <a href="#">Lunch</a></h3>
            <div>
            </div>
            <h3>
                <a href="#">Dinner</a></h3>
            <div>
            </div>
            <h3>
                <a href="#">3rd Shift</a></h3>
            <div>
            </div>
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="TemplateLeftNav" runat="server">
 <script type="text/javascript">
     var currentTime = new Date();
     var month = currentTime.getMonth() + 1;
     var day = currentTime.getDate();
     var year = currentTime.getFullYear();
     var date = month + "/" + day + "/" + year;
     $(function () {
         $("#datepicker").datepicker().val(date.toString()).trigger('change');
     });
    </script>
 <form action="">
      <div class="filters">
        <div class="field">
          <label onmouseover="updateLabel()">Select A Location:</label>&nbsp;
         <%= Html.DropDownList("Buildings")  %>
         
            </div>
          
      </div>
        <br />
      </form>
     <script language="JavaScript" type="text/javascript">
         function changeURL() {
                href="/Home/Menu2?cafe='Prisms'&date=3-4-55";
                location.href = href;
         }
    </script>
       <form action="">
      <div class="filters">
        <div class="field">
          <label >Select A Cafeteria:</label>         
                 <%= Html.DropDownList("Cafes", (SelectList)ViewData["Cafes"], new { style="width:200px;", onchange = "changeURL();" }) %>
              
        </div>
      </div>
        <br />
       
      </form>
      
 <div class="demo">
        <p>
             Search by Date (mm/dd/yyyy):
            <input type="text" id="datepicker"/></p>
    </div>
  
<form action="">
Add Location: <input type="text" name="location" />
<br />
<br />
Add Cafe: <input type="text" name="cafe" />
<br />
<br/>
<input type="checkbox" name="Breakfast" value="Breakfast" />
Breakfast
<br />

<input type="checkbox" name="Lunch" value="Lunch" />
Lunch
<br />

<input type="checkbox" name="Dinner" value="Dinner" />
Dinner
<br />
<input type="checkbox" name="3rd Shift" value="3rd Shift" />
3rd Shift
<br />
<br />
</form>
  




</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="TemplateRightNav" runat="server">
</asp:Content>